<template>
    <div class="footer">
        <div>
            <el-row>
                <el-col :span="21">
                    <el-button type="text">企业合作</el-button>
                    <el-button type="text">人才招聘</el-button>
                    <el-button type="text">联系我们</el-button>
                    <el-button type="text">讲师招募</el-button>
                    <el-button type="text">常见问题</el-button>
                    <el-button type="text">意见反馈</el-button>
                    <el-button type="text">友情链接</el-button>
                </el-col>
                <el-col :span="3">
                <div class="wxIcon" v-on:mouseenter="wxIcon = true" v-on:mouseleave="wxIcon = false" >
                    <img v-if="wxIcon" src="../../assets/img/WechatIMG35.jpeg" alt="">
                    <div>
                        <span class="iconfont2">&#xe6f2;</span><br>
                        <b>公众号</b>
                    </div>
                </div>


                </el-col>
            </el-row>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'footer',
        data(){
            return{
                wxIcon:false
            }
        }
    }
</script>

<style lang="less">
    .footer{
        width: 1150px;
        margin:0 auto;
        border-top: 1px #ccc solid;
        padding: 20px 0; 
        // position: fixed;
        // bottom: 0;
        // background: #f8fafc;
        // left:50%;
        // margin-left: -575px;
        .wxIcon {
            position: relative;
            div{
                width: 60px;
                text-align: center;
                cursor: pointer;
                margin-top: -10px;
            }
            img{
                position: absolute;
                top:-100px;
                left: -20px;
                width:100px;
            }
            b{
                color:#bfbfbf;
                font-weight:400;
            }
        }  
        .el-button--text{
            color:#8a8a8a;
        }  
        .iconfont2{
            font-family:"iconfont";
            color:#bfbfbf;
            font-size: 30px;
        }

    }
</style>
